.dashboard-page {
  height: 100%;
}

.loading-component {
  height: 100%;
  font-size: 30px;
  margin: auto;
  text-align: center;
  margin-top: 20px;
}

.layout-content,
.sub-content {
  height: 100%;
}

.dashboard-side {
  background-color: #304156;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.35);
  &.ant-layout-sider-collapsed {
    .logo {
      padding: 10px 0;
      img {
        width: 44px;
        height: 44px;
      }
    }
  }
  .logo {
    padding: 20px 0;
    text-align: center;
    background: #1e88e5;
    img {
      width: 65px;
      height: 65px;
    }
  }
  .side-menu {
    background: rgb(48, 65, 86);
    .ant-menu-item {
      height: 56px;
      line-height: 56px;
      padding-left: 20px;
      margin-top: 0;
      color: rgb(191, 203, 217);
      font-size: 14px;
      &:hover {
        background: #263445;
      }
      &.ant-menu-item-selected {
        background: #1890ff;
        color: #fff;
      }
    }
    .side-submenu {
      &.ant-menu-submenu-active {
        background: #263445;
      }
      .ant-menu-item {
        height: 50px;
        line-height: 50px;
        margin-bottom: 0;
      }
      .ant-menu {
        background: rgb(0, 21, 40);
      }
      .ant-menu-submenu-title {
        height: 56px;
        line-height: 56px;
        padding-left: 20px;
        margin-top: 0;
        color: rgb(191, 203, 217);
        font-size: 14px;
      }
    }
  }
  .ant-menu-inline .ant-menu-item:not(:last-child) {
    margin-bottom: 0;
  }
}

.dashboard-header {
  color: #fff;
  background: #1e88e5;
  height: 64px;
  padding-left: 20px;
  .menu-collapsed {
    font-size: 24px;
    cursor: pointer;
  }
  .profile-dropdown {
    color: #fff;
  }
}

.dashboard-content {
  background-color: #f0f2f5;
  .ant-tabs-bar {
    margin-bottom: 0;
  }
  .tab-close {
    font-size: 12px;
    position: absolute;
    margin: 0 0 0 5px;
    :hover {
      color: red;
    }
  }
  .tab-content {
    padding: 10px;
  }
}

.dashboard-footer {
  height: 64px;
  background-color: #2d323e;
  color: #fff;
  text-align: center;
}

.ant-dropdown-menu.header-dropdown-menu {
  margin-top: -15px;
  i {
    margin-right: 5px;
  }
}
